<template>
	<view class="content">
		<view class="pro_content">
			<view class="left">
				<view class="active">全部</view>
			</view>
			<view class="right">
				<block v-for="(item,index) in data.rows" :key="index">
					<view class="list">
						<img :src="baseURL+item.pic_url" alt="">
						<view>{{item.name}}</view>
					</view>
				</block>
			</view>
		</view>
	</view>
</template>

<script>
import API from '../../common/api.js';
export default {
    data() {
        return {
			baseURL:API.baseURL,
			data:[]
        };
    },
	onLoad() {
		this.mMallCartGoods();
	},
    methods: {
        mMallCartGoods(){
			var _this=this;
			uni.request({
				url:API.mMallCartGoods,
				method:"GET",
				header:API.get_head(),
				success: (res) => {
					_this.data = res.data
				},
				fail: () => {
					uni.showToast({
						title:"加载失败",
						icon:'none'
					})
				}
			})
        },
    },
};
</script>

<style>
	page{min-height:100%;background:#FFFFFF;}
	.content{height:100%;}
	.pro_content{height:100%;overflow: hidden;}
	.left{width:159upx;border-right:1upx solid #e5e5e5;min-height: 100%;float:left;}
	.left>view{text-align:center;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;padding-top:40upx;font-size:32upx;color:#333333;}
	.left>view:last-child{padding-bottom:40upx;}
	.left .active{color: #007AFF;}
	.right{width:590upx;overflow:hidden;float:left;text-align: center;}
	.right>.list{width:196.66666upx;float:left;padding-top:60upx;}
	.right>.list>image{width:150upx;height:150upx;display:inline-block;}
	.right>.list>view{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;color:#919191;font-size:30upx}
</style>
	